<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    template="../shop/login/login.xhtml">
	
	<ui:define name="body" >
	
		<h:form prependId="false" id="frmMsgErroFatal" style="width:70%" >
			
			<h:panelGrid columns="2" border="0" >
			
				<p:column>
					<div align="left">
						<p:imageSwitch effect="shuffle">
						    <ui:repeat value="#{homeBean.images}" var="image">
						    	
						    	<p:graphicImage library="img"
			 						value="#{image}" 
				            		name="#{image}" 
				            		title="Novidades" />
						       
						    </ui:repeat>
						</p:imageSwitch>
					</div>
				</p:column>
			
				<p:column style="align:right">
				
					
				<p:graphicImage value="#{resource['img:/Propaganda/promo1.jpg']}" />
				<br />
				<p:graphicImage value="#{resource['img:/Propaganda/promo2.jpg']}" />
					
				</p:column>
			
			
			
			</h:panelGrid>
			
	
	<p:stack icon="#{resource['img:/stack/stack.png']}">
				<p:menuitem value="Aperture" icon="#{resource['img:/stack/aperture.png']}" url="#"/>
				<p:menuitem value="Photoshop" icon="#{resource['img:/stack/photoshop.png']}" url="#"/>
				<p:menuitem value="Coda" icon="#{resource['img:/stack/coda.png']}" url="#"/>
				<p:menuitem value="Safari" icon="#{resource['img:/stack/safari.png']}" url="#" />
				<p:menuitem value="Finder" icon="#{resource['img:/stack/finder.png']}" url="#" />
			</p:stack>
    		
			
			
			
		
		</h:form>
	
	</ui:define>
	    
</ui:composition>